디자인 시스템 구현시 유의해야 할 사항 | 매거진에 참여하세요

모두가 쓰는 도구는 무엇으로?

대부분의 기업들은 여전히 Figma나 Sketch와 같은 이미지 기반 디자인 도구를 사용합니다.

이러한 도구는 배우기 쉽고 디자이너들이 제품 디자인을 쉽게 접할 수 있게 하지만, 인터랙티브 프로토타이핑 기능이 제한적이라는 큰 단점이 있습니다.

기업들은 이러한 이미지 기반 도구 스택을 보완하기 위해 플러그인을 사용하거나 맞춤형 솔루션을 구축하는데, 이는 비용을 증가시키고 워크플로우를 복잡하게 만듭니다.

디자인 시스템을 사용하는 모든 조직의 주요 목표는 단일 공급업을 확보하는 것입니다. 이상적으로는 전체 제품 개발 프로세스를 위한 단일 도구를 갖추는 것이죠.

문서를 어떻게 할것인가?

문서화는 가장 큰 디자인 시스템 성숙도 도전 과제입니다.

디자인 시스템과 그 문서화를 유지하고 업데이트하는 것은 리소스가 많이 드는 과정이며, 이는 성숙도를 늦춥니다.

디자인 시스템 문서화는 사용 가이드라인과 규칙을 통해 구매 결정, 교육, 워크플로우를 촉진하는 데 도움을 줍니다.

이 문서화의 목적은 팀이 일관된 UI 경험을 제공하면서도 도입을 증가시키는 것입니다.

디자인 시스템 문서화는 이론적으로는 간단해 보이지만, 적절한 산업 표준이 없기 때문에 기업들은 이를 효과적으로 실행하는 데 어려움을 겪습니다. 일부 문서화 솔루션은 다음과 같습니다:

• - PDF

• - 온라인 웹사이트(지라 등)

• - Slack 채널

• - 화이트보드 도구 (Miro, Mural 등)

또 다른 도전은 많은 기업들이 디자인 시스템의 여러 버전을 관리한다는 것입니다.

개발자를 위한 컴포넌트 라이브러리와 디자이너를 위한 UI 키트가 따로 존재할 수 있습니다.

더 나아가, 디자인 팀은 각 도구에 대해 여러 변형을 요구할 수 있습니다. 예를 들어, Figma에서 디자인하고 Zeplin에서 프로토타이핑하는 경우가 있습니다.

디자인 시스템 팀은 이러한 모든 플랫폼에 대한 라이브러리와 문서화 업데이트를 관리하고 플랫폼별 도전 과제를 해결해야 합니다.

통제를 어떻게 할것인가?

디자인 시스템 거버넌스는 도입과 성숙도에 매우 중요하지만, 효과적인 프로세스를 구현하는 것은 ROI를 지속적으로 관리자에게 증명해야 하는 팀들에게는 도전적입니다.

이는 귀중한 시간과 리소스를 소모합니다.

정치적, 재정적 C-레벨 지원은 디자인 시스템 거버넌스 도전 과제를 극복하는 가장 효과적인 방법입니다.

이러한 지원을 얻기 위해서는 디자인 시스템 팀이 이해관계자의 요구와 우려를 반영한 강력한 비즈니스 케이스를 구축해야 합니다.

특정 팀은 기술 부채 문제를 중심으로 가치 제안을 만들어 C-레벨 지원을 확보했습니다.

팀은 재사용 가능한 디자인 시스템 컴포넌트가 프로젝트 제공 시간을 57% 단축하고 부채를 제로로 만든 실험을 통해 이를 증명했습니다.

"UX 외부의 사람들은 사용자 경험과 디자인 사고 원리를 이해하는 데 어려움을 겪습니다. 문제를 설명하는 것만으로는 충분하지 않습니다. 무엇이 잘못되었는지,

그리고 그것이 비즈니스에 어떤 영향을 미치는지 보여줘야 합니다."

도입시 불만사항이 생기면?

많은 조직들은 디자인 시스템의 강력한 인식과 지원을 통해 최대의 성공과 전사적 도입을 달성하려고 합니다.

그러나 교육과 구현은 이러한 도입을 느리게 하고 도전적으로 만듭니다.

도입은 특히 디자인 주도 조직과 경쟁 시스템 및 워크플로우가 있는 조직들에게 도전적입니다. 또

한, C-레벨 지원이 부족하면 디자인 시스템 팀이 여러 팀과 부서에 도달하는 데 더 많은 노력이 필요하므로 도입률이 낮아집니다.

조직들은 디자인 시스템을 성공을 위해 효과적인 커뮤니케이션과 마케팅 전략이 필요한 제품처럼 대해야 합니다. 일부 조직들이 디자인 시스템 도입을 극복한 방법은 다음과 같습니다:

• - HR과 DesignOps를 변화 관리 프로세스에 참여시키기

• - 디자인 시스템 워크숍과 밋업 조직

• - Slack, 이메일 등을 통해 디자인 시스템 팀을 더 접근 가능하게 만들기

• - 팀별로 개별적으로 접근하기

• - 정기적인 디자인 시스템 업데이트 회의 개최

• - 마케팅 및 교육 자료 제작

계속 발전해야 하는 디자인 시스템에 대한 피로감은?

디자인 시스템 성숙도는 조직과 산업에 따라 다양합니다.

개발 주도 제품 개발 팀은 디자인과 개발 프로세스에서 코드 컴포넌트를 사용하기 때문에 디자인 주도 팀보다 앞서 있습니다.

대부분의 조직은 디자인 시스템 성숙도가 떨어지며, 디자이너들은 코드 컴포넌트 라이브러리의 이미지 기반 버전을 사용합니다.

많은 사람들이 이를 "단일 공급원"이라고 부르지만, 여전히 하나의 라이브러리를 사용하는 완전히 통합된 디자인 시스템과는 한 단계 떨어져 있습니다.

방법은 디자인과 개발을 하나의 반복적인 프로세스로 통합하여 디자인 핸드오프, 드리프트, 불일치, 기술 부채가 더 이상 문제가 되지 않도록 하는 것입니다.